<style type="text/css">
	.btn-list {
		position: fixed;
		right: 40px;
	}
	.div-flex {
		display: flex
	}
	.div-flex .form-group {
		margin-right: 50px;
		text-align: center;
		line-height: 25px;
		margin-bottom: 0;
	}
	.tab-pane {
		border: 1px solid #F6F6F6;
	}
	.i-color {
		font-size: 34px;margin-right: 10px;color: #86C3FF;
	}
	.thumbnail {
		display: flow-root;
		width: max-content;
	}
	.thumbnail img {
		width: 50px;
		float: left;
		padding: 5px;
	}
</style>
<div class="panel panel-default panel-intro">
	<input type="hidden" name="ids" id="ids" value="{$ids}"/>
	<div class="div-flex">
		<img src="{$row.product.img}" data-tips-image style="margin-right: 10px;width: 50px;height: 50px;">
		{if condition="isset($row.equipment.logo)"}
		<img src="{$row.equipment.logo}" width="50" style="margin-right: 10px;">
		{/if}
		<div style="line-height: 35px"><b>{$row.product.name}({$row.product.num})</b></div>
	</div>
	<div class="div-flex" style="margin-top: 20px">
		<div class="form-group">
			<span>客户名称</span>
			<p><label>{if condition="isset($row.customer.name)"}{$row.customer.name}{/if}</label></p>
		</div>
		<div class="form-group">
			<span>公司地址</span>
			<p><label>{if condition="isset($row.customer.address)"}{$row.customer.address}{/if}</label></p>
		</div>
		<div class="form-group">
			<span>客户状态</span>
			<p><label>{if condition="isset($row.customer.follow)"}{$row.customer.follow}{/if}</label></p>
		</div>
		<div class="form-group">
			<span>设备编码</span>
			<p><label>{$row.number}</label></p>
		</div>
		<div class="form-group">
			<span>运输状态</span>
			<p><label>{$row.status}</label></p>
		</div>
	</div>

	<div>

		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#basic" aria-controls="profile" role="tab" data-toggle="tab">基本信息</a></li>
			<li role="presentation"><a href="#workorder" aria-controls="profile" role="tab" data-toggle="tab">工单信息</a></li>
		</ul>

		<div class="tab-content" style="overflow-y: scroll;height:auto">

			<div role="tabpanel" class="tab-pane fade panel-body active in" id="basic">
				{if condition="isset($row.contracts) && $row.contracts"}
				<div class="form-group">
					<div class="alert alert-warning-light ">
						订单基础信息
					</div>
				</div>
				<div class="form-group" style="margin-bottom:40px;">
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">订单名称:</span>
							<b>{$row.contracts.name}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">订单金额:</span>
							<b>{$row.contracts.money}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">订单编号:</span>
							<b>{$row.contracts.num}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">下单时间:</span>
							<b>{$row.contracts.order_date}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">订单开始时间:</span>
							<b>{$row.contracts.start_time}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">订单结束时间:</span>
							<b>{$row.contracts.end_time}</b>
						</div>
					</div>
				</div>
				<br/>
				<br/>
				<br/>
				</br/>
				{/if}

				<div class="form-group">
					<div class="alert alert-warning-light">
						产品信息
					</div>
				</div>
				<div class="form-group">
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品名称:</span>
							<b>{$row.product.name}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品编码:</span>
							<b>{$row.product.num}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">设备编码:</span>
							<b>{$row.number}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">标准价格:</span>
							<b>{$row.product.price}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品图片:</span>
							<img src="{$row.product.img}"data-tips-image width="200" style="margin-left: 10px">
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">设备二维码:</span>
							{if condition="isset($row.equipment.logo)"}
							<img src="{$row.equipment.logo}" data-tips-image width="200" style="margin-left: 10px">
							{/if}
						</div>
					</div>
					<div class="col-xs-10 col-sm-10">
						<div class="form-group col-sm-10">
							<span class="text-muted">产品描述:</span>
							<div>{$row.product.description}</div>
						</div>
					</div>
				</div>
			</div>

			<div role="tabpanel" class="tab-pane fade panel-body" id="workorder">
				<table id="table-workorder" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
			</div>
		</div>

	</div>
</div>